<template>
  <div id="scatter" ref="scatter" style="height:30vh" />
</template>

<script>
export default {
  name: 'Scatter',
  data() {
    return {}
  },
  mounted() {
    const scatter = this.$echarts.init(this.$refs.scatter, 'light')
    const options = {
      xAxis: {},
      yAxis: {},
      series: [
        {
          symbolSize: 20,
          data: [
            [10.0, 8.04],
            [8.0, 6.95],
            [13.0, 7.58],
            [9.0, 8.81],
            [11.0, 8.33],
            [14.0, 9.96],
            [6.0, 7.24],
            [4.0, 4.26],
            [12.0, 10.84],
            [7.0, 4.82],
            [5.0, 5.68]
          ],
          type: 'scatter'
        }
      ]
    }
    scatter.setOption(options)
  }
}
</script>
